<script setup lang="ts">
import type { GoodsItemType } from '@/types/goods'
import { reactive } from 'vue'

type PropsType = {
  goodsList: GoodsItemType[]
  cols: number
}

const props = withDefaults(defineProps<PropsType>(), {
  cols: 4
})
</script>

<template>
  <div class="grid grid-cols-4 gap-4">
    <GoodsItem v-for="goods in goodsList" :key="goods.id" :goods />
  </div>
</template>

<style scoped lang="scss"></style>
